<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Bootstrap core CSS -->
<link href="/admin/public/bootstrap.min.css" title="" rel="stylesheet" />
<link rel="stylesheet" href="/admin/css/plugins/toastr/toastr.min.css" />
<link href="/admin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<!-- 时间控件样式 -->
<link
	href="/admin/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<link href="/admin/public/animate.css" rel="stylesheet">
<link rel="stylesheet" href="/admin/public/inspinia.css" />
<link rel="stylesheet" href="/admin/css/templet_form.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="/admin/public/html5shiv.min.js"></script>
	<script src="/admin/public/respond.min.js"></script>
<![endif]-->
<title>约课限制</title>
<style>
th.prev {
	background: url(img/dateleft.png) -3px !important;
}

th.next {
	background: url(img/dateright.png) -10px !important;
}

.tr_active {
	background: #FEF388 !important;
}

.left_b_table {
	width: 65%;
	min-width: 700px;
	min-height: 300px;
	float: left;
}

.right_map_box {
	margin-left: 20px;
	width: 33%;
	float: left;
}

.right_map_box2,.right_map_box22 {
	margin-left: 20px;
	width: 33%;
	float: left;
}

.right_map_box3,.right_map_box33  {
	margin-left: 20px;
	width: 33%;
	float: left;
}

.right_map_box4,.right_map_box44 {
	margin-left: 20px;
	width: 33%;
	float: left;
}

.right_map_box {
	float: right;
}

.tab_list {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.tab_box {
	overflow: hidden;
	/*display: inline-block;*/
}

.tab_list .search_inp {
	display: inline-block;
	float: right;
}

.tab_box, .tab_box>li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab_box>li {
	padding: 10px 15px;
	float: left;
	cursor: pointer;
}

.tab_box>li.select_tab {
	border-bottom: 3px solid #09c;
}

.table_content>div, .table_content2>div, .table_content3>div,
	.right_tab_box>div, .right_tab_box2>div, .right_tab_box3>div,
	.right_tab_box4>div,.right_tab_box22>div, .right_tab_box33>div,
	.right_tab_box44>div, .top_tab_box>div {
	display: none;
}

.table_content>div.active, .right_tab_box>div.active, .right_tab_box2>div.active,
	.right_tab_box3>div.active, .right_tab_box4>div.active,.right_tab_box22>div.active,
	.right_tab_box33>div.active, .right_tab_box44>div.active, .top_tab_box>div.active,
	.table_content2>div.active, .table_content3>div.active {
	display: block;
}
/*
	设置按钮里面字体的颜色
*/
table a {
	color: white !important;
}
</style>
</head>
<body>
	<div id="wrapper" class="container">
		<!--标编辑-->
		<div id="biaobj" class=" wrapper wrapper-content animated fadeInRight">
			<h3>约课课程限制</h3>
			<div class="right_box" id="right_box">
				<div class="tab_list">
					<ul class="tab_box">
						<li class="select_tab">团课预约限制</li>
						<li>私教课程预约限制</li>
						<li>训练营课程预约限制</li>
					</ul>
				</div>
				<div class="top_tab_box"
					style="min-height: 300px; padding-bottom: 0px; margin-top: 20px;">
					<!-- 1111 -->
					<div class="active">
						<!--上部表格部分-->
						<div id="top_table" class="ibox-content" style="margin-top: 20px;">
							<div class="row">
								<div class="col-sm-12">
									<table
										class="table table-striped table-bordered table-hover dataTables-example">
										<thead>
											<tr>
												<th>会员在团课开始前多少小时不能预约？</th>
												<th>会员在团课开始前多少小时取消预约不予退款？</th>
												<th style="display: none;">团课开始前多少小时可以获取二维码？</th>
												<th>剩余人员比例为多少时课程状态显示紧张？</th>
												<th>团课满员时是否允许排队？</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>${tuan.firstTime }</td>
												<td>${tuan.lastTime }</td>
												<td style="display: none;">${tuan.getCodeTime }</td>
												<td>${tuan.fewMan }%</td>
												<td>${tuan.queue=="1"?'允许排队':'不允许排队' }</td>
												<td><a onclick="edit('${tuan.limitId }')"class="up btn btn-primary btn-xs"><i class="fa fa-pencil"></i>修改</a></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- 2222 -->
					<div>
						<!--上部表格部分-->
						<div id="top_table" class="ibox-content" style="margin-top: 20px;">
							<div class="row">
								<div class="col-sm-12">
									<table
										class="table table-striped table-bordered table-hover dataTables-example">
										<thead>
											<tr>
												<th>会员在私教课开始前多少小时不能预约？</th>
												<th>会员在私教课开始前多少小时取消预约不予退款卡片使用次数？</th>
												<th style="display: none;">私教课开始前多少小时可以获取二维码？</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>${si.firstTime }</td>
												<td>${si.lastTime }</td>
												<td style="display: none;">${si.getCodeTime }</td>
												<td><a onclick="edit('${si.limitId }')"class="up btn btn-primary btn-xs"><i class="fa fa-pencil"></i>修改</a></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!--333 -->
					<div>
						<!--上部表格部分-->
						<div id="top_table" class="ibox-content" style="margin-top: 20px;">
							<div class="row">
								<div class="col-sm-12">
									<table
										class="table table-striped table-bordered table-hover dataTables-example">
										<thead>
											<tr>
												<th>会员在训练营开始前多少天不能购买？</th>
												<th style="display: none;">会员在训练营开始前多少天不能取消预约？</th>
												<th style="display: none;">训练营开始前多少小时可以获取二维码？</th>
												<th>剩余人员比例为多少时训练营课程状态显示紧张？</th>
												<th>训练营满员时是否允许排队？</th>
												<th>距训练营开课前多少天退款收取手续费？</th>
												<th>训练营开课前退款收费比例</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>${xun.firstTime }</td>
												<td style="display: none;">${xun.lastTime }</td>
												<td style="display: none;">${xun.getCodeTime }</td>
												<td>${xun.fewMan }%</td>
												<td>${xun.queue=="1"?'允许排队':'不允许排队' }
												</td>
												<td>${xun.isfei }</td>
												<td>${xun.bili }%</td>
												<td><a onclick="edit('${xun.limitId }')"class="up btn btn-primary btn-xs"><i class="fa fa-pencil"></i>修改</a></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>



			</div>
		</div>
	</div>
	<script src="/admin/public/jquery-1.11.3.js"></script>
	<script src="/admin/public/bootstrap.min.js" type="text/javascript"></script>
	<script src="/admin/js/plugins/lhgdialog/lhgdialog.js"></script>
	<!-- 弹出警示框 -->
	<script src="/admin/js/plugins/toastr/toastr.min.js"></script>
	<!-- 弹出确认框 -->
	<script src="/admin/public/artDialog4.1.7/artDialog.js?skin=blue"></script>
	<script src="/admin/public/artDialog4.1.7/plugins/iframeTools.js"></script>
	<script>
			$('#right_box>.tab_list>.tab_box>li').click(function() {
		$(this).addClass('select_tab').siblings().removeClass('select_tab');
		var index = $(this).index();
		$('.top_tab_box>div:eq(' + index + ')').addClass('active').siblings().removeClass('active');
	})
    	function edit(limitId) {
			$.dialog({
				title : '修改',
				width : 700,
				height : 380,
				lock:true,
				content : 'url:/courses/findcoulimit?limitId='+limitId,
				init : function() {
				var iframe = this.iframe.contentWindow;
				var ul = iframe.document.getElementById('');
			},
			button : [
				{
					name : '保存',
					callback : function() {
					var iframe = this.iframe.contentWindow;
					var btn = iframe.document.getElementById('xiugai').click();
						if (btn == true) {
							
						} else {
							
							return false;
						}
					},
					focus : true	

				}, {
						name : '取消',
						callback : function() {
		
						}
					} 
			]
			});
		}
			
</script>
</body>
</html>